時間列のカスタマイズ

日ビューを選択すると、アプリケーションに時間列が表示されます。時間列テンプレートを編集することで、時間列をカスタマイズできます。このテンプレートのマークアップは、Themes/generic.xaml ファイルにあります。

時間列テンプレートを以下に示します。

XAML	コードのコピー
<!-- 日ビューでタイムルーラーの１つの時間間隔を表示する際に使用されるテンプレートを決定します --> <DataTemplate x:Key="C1Scheduler_TimeRuler_Template"> <Grid> <c1sched:TimeRulerHelper Interval="{Binding}" x:Name="helper"/> <Grid Visibility="{Binding IsZeroMinute, ElementName=helper, Converter={StaticResource BooleanToVisibilityConverter}}"> <Rectangle Height="1" Margin="4,0,0,0" Fill="{Binding Path=Scheduler.GridLinesBrush}" HorizontalAlignment="Stretch" VerticalAlignment="Top"/> <TextBlock FontSize="16" Foreground="{Binding Path=Scheduler.ControlForeground}" HorizontalAlignment="Right" Padding="3"> <Run Text="{Binding Hours, ElementName=helper}"/> <Run Text="{Binding Minutes, ElementName=helper}" Typography.Variants="Superscript"/> </TextBlock> </Grid> </Grid> </DataTemplate>

XAML

コードのコピー

<DataTemplate x:Key="C1Scheduler_TimeRuler_Template">
    <Grid>
        <c1sched:TimeRulerHelper Interval="{Binding}" x:Name="helper"/>
        <Grid Visibility="{Binding IsZeroMinute, ElementName=helper, Converter={StaticResource BooleanToVisibilityConverter}}">
            <Rectangle Height="1" Margin="4,0,0,0" Fill="{Binding Path=Scheduler.GridLinesBrush}"
                HorizontalAlignment="Stretch" VerticalAlignment="Top"/>
            <TextBlock FontSize="16" Foreground="{Binding Path=Scheduler.ControlForeground}" HorizontalAlignment="Right" Padding="3">
                <Run Text="{Binding Hours, ElementName=helper}"/>
                <Run Text="{Binding Minutes, ElementName=helper}" Typography.Variants="Superscript"/>
            </TextBlock>
        </Grid>
    </Grid>
</DataTemplate>